<template>
  <h1>杨硕学习属性绑定指令</h1>
  <input  type="text" value="name">
  <!--属性绑定：将value属性的值交给绑定的name变量来控制 -->
  <input  type="text" v-bind:value="name">
  <!--属性绑定的简写形式 -->
  <input  type="text" :value="name">
  <a href="url">百度</a>
  <a :href="url" >腾讯</a>
</template>

<script setup>

import {ref} from "vue";

const name = ref('杨硕');
const url=ref('https://www.baidu.com');
url.value='https://www.qq.com';
</script>


<style scoped>

</style>